<template>
    <van-tabbar v-model="active" route>
        <van-tabbar-item replace to="/film" name="home" icon="home-o">电影</van-tabbar-item>
        <van-tabbar-item replace to="/cinema" name="search" icon="search">影院</van-tabbar-item>
        <van-tabbar-item replace to="/news" name="friends" icon="friends-o">资讯</van-tabbar-item>
        <van-tabbar-item replace to="/center" name="setting" icon="setting-o">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script setup lang='ts'>
import { ref } from 'vue';

const active = ref('home')
</script>

<style scoped lang='scss'>

</style>